import React, {useEffect, useState} from 'react';
import Child from "./components/Child";

function App(props) {
    const [num,setNum] = useState(10);
    // console.log(document.querySelector("button"));
    // 挂载完毕之后执行回调函数+视图更新后执行
    // useEffect(function(){
    //     console.log("useEffect1",document.querySelector("button"));
    // })

    // 挂载完毕之后执行。
    // useEffect(function(){
    //     console.log("useEffect2",document.querySelector("button"));
    // },[])

    // console.log(document.querySelector("button"));
    const [isShow,setIsShow] = useState(true);
    return (
        <div>
            <button onClick={()=>setNum(num+1)}>{num}</button>
            <button onClick={()=>setIsShow(!isShow)}>显示与隐藏</button>
            {isShow && <Child/>}
        </div>
    );
}

export default App;